<template>
  <div class="product">
        <h3>标题：{{title}}</h3>
        <p>价格: {{price}}--打包价：{{ price+1 }}</p>
        <p>描述: {{ desc }}</p>
    </div>
</template>

<script>
  export default {
    // props:['title','price','desc']
    props:{
        title:{
            required:true
        },
        price:{
            required:true,
            type:Number
        },
        desc:{
            default:'美食'
        }
    }
  }
</script>

<style>
.product {
            width: 400px;
            border: 3px solid #000;
            border-radius: 5px;
            margin: 10px;
            padding: 0 20px;
        }
</style>